<template>
  <div id="app">
    <!-- myheader -->
    <myHeader></myHeader>
    <!-- router-view -->
    <router-view></router-view>
    <!-- myfooter -->
    <myFooter></myFooter>
  </div>
</template>

<script>
import myHeader from 'Components/common/myHeader'
import myFooter from 'Components/common/myFooter'
import Movie from 'Pages/movie/Movie'
export default {
  name: 'app',
  components: {
    myHeader, myFooter, Movie
  }
}
</script>
<style lang="stylus">
  #app 
    height 100%
    display flex
    flex-direction column

</style>
